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[Active Web page for editing with 

any browser] 

Cross Reference to Related Applications 

6,295,542 6,289,51 3 6,278,448 

Background of Invention 

[0001] In a distributed computing environment known as the World Wide Web, Internet or 
simply the Web, certain computers, known as servers, are used primarily to store and 
supply information. Other computers on the Web, known as clients, allow a user to 
download replicas of the information in the form of Web pages from the servers using 
Web browsers. 

[0002] Many programs exist for producing and editing Web pages authored in Hypertext 
Mark-up Language (HTML) format. Many of these programs have Graphic User 
Interfaces (GUI) obviating the need for knowledge of HTML element tags. All of these 
applications require a program resident on the computer producing or editing the 
HTML Web pages. 

[0003] Some of these applications use the power of a server-side script to combine 

server-side code with HTML code to produce dynamically generated HTML element 
tags and content for client-side Web browsers. Some of the more popular applications 
are ColdFusion ® , DreamWeaver ® , PHP ® , InterDev ® or FrontPage ® . 

[0004] 

Small business website owners usually don't want to and don't have the time to 
learn these Web page production technologies and they don"t want to purchase these 
applications and install them on their personal computers.These business owners and 
marketing professionals still want to be able to change the content of their web site. 
Some want to change the content every day and they don't want a web developer 
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involved. This involvement only slows down the cycle time and the content usually 
does not met the expectations of the website owner, if only because the web 
developer does not know the website owner's business and peculiar terminology and 
business culture. 

[0005] Thus, there is a need to provide a way for website owners to edit their Web page 
content using only a browser and publish their changes to their Web server for 
viewing by users of the Web. 

Summary of Invention 

[0006] Briefly, this invention is a system of hypereditWnks which are wrapped around 
visible document content and reference the associated HTML element tag. 

[0007] More specifically, a HTML document paragraph may contain the following: 

[0008] 1 . a paragraph element tag ,, <P>", 

[0009] 2. text "My favorite 

[001 0] 3. a bold element tag pair "<B> search </B>, 

[001 1] 4. an anchor element tag "<A HREF=http://www.Usearch.com>engine</A>", and 

[001 2] 5. an image element tag "<IMG SRC=www.Usearch.com/images/new.gif>". 

[001 3] All these tags control the visible display of the HTML document. The ,, <P>" 

element tag creates a paragraph marker in a HTML document and the text that follows 
is positioned against the left margin and 2 lines down from the previous text. The 
n <B></B>"element tag pair bolds the text enclosed in the tags. The anchor element 
tag pair "<A HREFx/A> "creates a hypertext link. The image element tag "<IMG 
SRC>"displays the specified image source file. 

[001 4] The invention separates these HTML element display control tags and the content 
they are intended to control. Each HTML tag and its associated content is stored 
separately with a single record reference. Many records may be required to render an 
entire Web page document. 

[001 5] |n the edit modej the j nvent j on renders the HTML display control tags as it would 
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in normal viewing mode, but wraps the associated content in hyperedit links to create 
a completely active HTML document ready for editing. 

Brief Description of Drawings 

[001 6] The foregoing aspects and many of the attendent advantages of this invention will 
become more readily appreciated by reference to the following drawings and detailed 
descriptions: 

[001 7] FIG. 1 is a block diagram of the hyperedit link wrapping process. 

Detailed Description 

[001 8] FIG. 1 shows blocks labeled "DATA STORES", "INTEGRATOR", "WEB PAGE", 

"LOCATOR", and "EDITOR" making up a typical embodiment of the invention where the 
DATA STORES, INTEGRATOR, and LOCATOR are server-side storage and server scripts. 
The WEB PAGE and EDITOR represent client-side browser windows. In the DATA 
STORES, HTML element tags and CONTENT are stored separately. Each record contains 
a HTML tag and CONTENT pair. Many records may be required to make an entire Web 
page. 

[001 9] When a server-side Web page is requested by a client-side Web browser using the 
invention in the edit mode, the INTEGRATOR recursively retrieves HTML (1) and 
CONTENT (2) in ordered records from the DATA STORES. The INTEGRATOR wraps the 
CONTENT in hyperedit links. The output is sent to the requesting Web browser, with 
the hyperedit link tags (3) and (4), to be rendered in a WEB PAGE. 

[0020] The entire visible document content is thus rendered active. The user has only to 
move the mouse pointer over the text, graphic, or hypertext link and click to invoke 
the LOCATOR and EDITOR. The LOCATOR uses the record number (5) to locate the 
HTML tag (6) and CONTENT (7) in the DATA STORES and display both in separate input 
text boxes in the EDITOR ready for editing. 

[0021] The user edits the HTML tag and/or CONTENT and clicks the UPDATE button to 
post the Web browser form element change(s) (8) to the WEB PAGE. The WEB PAGE, 
using the record number, updates (9) the DATA STORES using a server-side script (not 
shown). 
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